
<template>
  <div class="singlePage">
    <leftMenu></leftMenu>
    <div class="s-singlePage spage">
      <applyItem @after-op="afterOp" class="applyItem" v-for="(item,index) in tableData" :params="item"></applyItem>
    </div>
  </div>
</template>

<script>
import leftMenu from "@/components/leftMenu";
import applyItem from "@/views/APImanage/APIapply/module/applyItem";
export default {
  name: "APIapply",
  components:{
    leftMenu,applyItem
  },
  mounted() {
    this.getApiApplyList()
  },
  methods:{
    afterOp(){
      this.getApiApplyList()
    },
    getApiApplyList(){
      let params = {
        page:0,
        pageSize:100
      }
      this.$api.getApiApplyList(params).then(res=>{
        this.tableData = res.data.data
      })
    },
  },
  data(){
    return {
      tableData:[]
    }
  },
}
</script>

<style scoped lang="less">
.singlePage{
  display: flex;

}
.applyItem{
  margin-bottom: 20px;
}
</style>